//- 先去这个pug文件中找
extends shopHead_nav.pug

block append pageStyle
	link(href="${relativePath}/static/css/shopping/shopIndex.css" rel="stylesheet" type="text/css")
	link(href="${relativePath}/static/css/shopping/madeProcess.css" rel="stylesheet" type="text/css")

block matrialContent
	//- 成品材料内容
	div.madeProcessCon.layout
		p.allKinds
		//- 淘宝详情
		div.detailsBox
			//- 淘宝图片
			div.detailsLeft.fl
				div.imgsBox
					a(href="javascript:;").imgHref
						img(src="${relativePath}/static/imgs/details.png")
					//- 底部轮播
					div.botSwiper
						ul
							li
								a(src="javasctipt:;")
									img(src="${relativePath}/static/imgs/smallImg.png")
							li
								a(src="javasctipt:;")
									img(src="${relativePath}/static/imgs/smallImg.png")
					div.shareBox
						span.xIcon.share 分享
							div.jiathis_style.shareWebBox
								a(href="javascript:;").jiathis_button_tsina
								a(href="javascript:;").jiathis_button_tqq
								a(href="javascript:;").jiathis_button_weixin
								a(href="http://www.jiathis.com/share" target="_blank").jiathis.jiathis_txt.jtico.jtico_jiathis
						span.xIcon.collect 收藏
						
			div.detailsRight.fl
				div.rightContent
					h3 定制加工的板式--铜字
					div.buyBox
						p.ckPrice
							| 参考价格：
							| <s>￥800.00㎡</s>
						div.comment
							div.realPrice.fl
								i ￥
								span 799.00
								em /㎡
							div.commentCount.fr
								span.comments
									| 评价<i>2943</i>
								span.sales 累计销量：5514
					//- 规格
					div.specification
						div.speciList.hasBorder
							span.specTitle.fl 材质
							ul
								li.selected
									a(href="javascript:;") 黄铜板
								li 紫铜板
						div.speciList.hasBorder
							span.specTitle.fl 厚度
							ul
								li.selected
									a(href="javascript:;") 1.2mm
								li
									a(href="javascript:;") 0.8mm
						div.speciList
							span.specTitle.fl 高宽厚
							ul
								li(contentEditable="true").num.lNum
									input(type="text").ggNum
								span.fh X
								li(contentEditable="true" placeholder="宽").num.wNum
									input(type="text").ggNum
								span.fh X
								li(contentEditable="true" placeholder="厚").num.hNum
									input(type="text").ggNum
								span.dw cm
						div.speciList
							span.specTitle.fl 数量
							ul
								li.noPad
									span.reduce -
									input(type="text" maxlength="8" value="1").number
									span.add +
						div.speciList
							span.specTitle.fl 我的出价
							ul
								li.noPad.pfm
									input(type="text").myMoney
								span.appendP *此项不填则默认为参考价
						div.speciList
							span.specTitle.fl 供应商
							ul.selectList
								li.arrowBg
									a(href="javascript:;")
										| 河南省标识汇网络有限公司
										| <span class="fr">￥750.00</span>
									ol.selectSele
										li
											| 河南省标识汇网络有限公司1
											| <span class="fr">￥750.00</span>	
									
					div.buyBtn
						a(href="javascript:;").toBuy  立刻购买
		//- tab切换
		div.commentBtm
			div.detailsTab
				ul
					li.current
						a(href="javascript:;") 商品详情
					li
						a(href="javascript:;") 买家评价
			//- 商品详情1
			div.shopBox
				div.box.shopDatials
					div.littleTitle
						h4 商品详情
					div.bgLine
					p.shopProcuce 单面铝箔是铝箔麦拉的一种，又名铝塑复合带。采用软质压延铝箔与聚酯薄膜为原材，以干式凹版进行复合，待铝箔麦拉膜熟成后再分切卷收。一面是铝箔，一面是麦拉，具有一面绝缘，一面导电的功能。

				div.box.buyComments
					h5 供应商综合排名：
					div.scoreBox
					p.companyName
						a(href="javascript:;") 河南省标识汇商务公司
					//- 筛选
					div.allComment
						ul
							li.current
								a(href="javasctipt:;") 全部（3943）
							li
								a(href="javasctipt:;") 图片（394）
							li
								a(href="javasctipt:;") 好评（394）
							li
								a(href="javasctipt:;") 中评（394）
							li
								a(href="javasctipt:;") 差评（394）
						div.allComment
							div.commentList
								div.plCon
									div.leftHead.fl
										img(src="${relativePath}/static/imgs/headImg.png")
									div.textRight.fl
										p.businessInfo
											a.buyInfo.fl(href="javasctipt:;") 上帝买家
											span.commentDate.fr 2017-08-10
											a.busName.fr(href="javascript:;") 河南省标识汇
										p.detailTxt 质量非常好，与卖家描述的完全一致，非常满意,真的很喜欢，完全超出期望值，发货速度非常快，包装非常仔细、严实，物流公司服务态度很好，运送速度很快，很满意的一次购物。
								//- 商家回复
								div.businessReply
									div.replyTxt 商家回复：感谢您对我们商品的支持！成交不是结束，而是服务的开始！祝您健康、幸福^_^


block pageScript
	script(src="http://v3.jiathis.com/code/jia.js" charset="utf-8" type="text/javascript")

	script.
		$(function(){
			$("#dzjg").addClass("active");
			$(".left span").click(function(){
				$(this).addClass("current").siblings().removeClass("current");
			})

			//- 点击商品收藏
			$(".shareBox .collect").on("click",function(){
				if($(this).hasClass("selected")) {
					$(this).removeClass('selected');
				}else{
					$(this).addClass('selected');
				}
			})

			//- tab切换
			$(".detailsTab li").click(function(){
				$(this).addClass("current").siblings().removeClass("current");
				$(".shopBox .box").hide().eq($('.detailsTab li').index(this)).show(); 
			})

			//- 鼠标经过分享显示
			$(".shareBox .share").mouseover(function(){
				$(".shareWebBox").show();
			})
			$(".shareBox .share").mouseleave(function(){
				$(".shareWebBox").hide();
			})
			//- 点击规格筛选
			$(".hasBorder li").click(function(){
				$(this).addClass("selected").siblings().removeClass("selected");
			})

			//- 点击数量++/--
			//点击加号
			$(".add").click(function(){
				var num = parseInt($(".number").val()) || 0;
				$(".number").val(num + 1);
			})

			//点击减号
			$(".reduce").click(function(){
				var num = parseInt($(".number").val()) || 0;
				num = num - 1;
				num = num < 1 ? 1 : num;
				$(".number").val(num);
			})
			//- 点击下拉选择
			$(".arrowBg").click(function(){
				$(".selectSele").show();
				var txt = $(".selectSele li").text();
				$(this).text(txt);
			})

			//- 定制加工获取商品详情
			$.getJSON(shopIp+"/Goods/info?callback=?", {
				userToken:token,
				goods_id:thisRequest.id,
				os:"web"
			},function(data){
				console.log(data);
				var allData = data.data;
				//二级导航按钮
				var twoNav = allData.top_cate_name;
				$(".allKinds").append("首页>"+twoNav);
				
				//- 右侧规格
				
			})
		})